<section>
  <d-operable-tree [tree]="data2" [treeNodeIdKey]="'id'" [treeNodeChildrenKey]="'children'"
    (nodeSelected)="onOperableNodeSelected($event)" [iconParentOpen]="iconParentOpen"
    [iconParentClose]="iconParentClose" [iconLeaf]="iconLeaf" [iconTemplatePosition]="'after-checkbox'">
    <ng-template #iconTemplate let-node="node">
      <span [ngClass]="{ 'my-icon' : node?.data?.type }" class="{{node?.data?.type}}"></span>
    </ng-template>
    <ng-template #statusTemplate let-node="node">
      <span class="op-status"></span>
    </ng-template>
    <ng-template #operatorTemplate let-optree let-node="node" let-addNode="addNode" let-editNode="editNode"
      let-deleteNode="deleteNode">
      <span class="op-icons icon icon-add" (click)="addNode($event, node)"></span>
      <span class="op-icons icon icon-edit" (click)="editNode($event, node)"></span>
      <span class="op-icons icon icon-close" (click)="deleteNode($event, node)"></span>
    </ng-template>
  </d-operable-tree>
</section>
